<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- viewport视口宽度设置为等于设备宽度，缩放比为1.0，那么Android系统会根据此自动禁用双击放大功能，这个功能禁用之后，300ms延迟也不存在了，不适用于iOS系统 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <!-- 
      也可以使用 GitHub 中的 fastclick 插件解决移动端300ms延迟问题
    -->
    <style>
      * {
        /* 要写在src下面作为全局样式 */
        /* 禁用双击缩放功能，这个功能禁用之后，300ms延迟也不存在了 */
        touch-action: manipulation;
      }
    </style>

    <!-- 放入public中的静态资源在此引入 -->
    <!-- <link rel="stylesheet" href="/iconfont/iconfont.css"> -->
    <script>
      // fontsize计算
      // 750是UI给的设计稿的宽度
      // 16是假设1rem=16px，也可以假设1rem=100px
      document.documentElement.style.fontSize = document.documentElement.clientWidth / 375 * 16 + 'px';
    </script>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
